<template>
  <div class="box1">
    <h3>子组件1</h3>
		<h4>我的玩具:{{toy}}</h4>
		<button @click="$bus.$emit('send-toy',toy)">点我把玩具给弟弟</button>
  </div>
</template>

<script>
	export default {
		name:'Child1',
		data() {
			return {
				toy:'奥特曼'
			}
		},
	}
</script>

<style lang="less" scoped>
	.box1{
		margin-top: 50px;
		background-color: skyblue;
		padding: 10px;
		box-shadow: 0 0 10px black;
		border-radius: 10px;
		button{
			margin-right: 10px;
		}
	}
</style>